<!DOCTYPE html>
<html>
<head>
  <title>Web App</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  <link rel="icon" type="image/png" href="iui/iui-favicon.png">
  <link rel="apple-touch-icon" href="iui/iui-logo-touch-icon.png" />
  <link rel="stylesheet" href="iui/iui.css" type="text/css" />
  <link rel="stylesheet" title="Default" href="iui/t/default/default-theme.css"  type="text/css"/>
  <link rel="stylesheet" href="css/iui-panel-list.css" type="text/css" />
  <style type="text/css">
.panel p.normalText { text-align: left;  padding: 0 10px 0 10px; }
  </style>
  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-8634743-10'], ['_trackPageview']);
  </script>
  <script type="text/javascript">
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>
</head>
<body>
	
    <div class="toolbar">
        <h1 id="pageTitle">Registro</h1>
        <a id="backButton" class="button" href="#"></a>
    </div>
	

<div id="home" class="panel" selected="true">
  
	<h2>Nombre:</h2>
	<ul>
		<li><input type="text" name="nombre" placeholder="Nombres" /></li>
	</ul>

	<h2>Apellido:</h2>
	<ul>
		<li><input type="text" name="apellido" placeholder="Apellidos" /></li>
	</ul>
	
	<h2>Salario:</h2>
	<ul>
		<li><input type="number" name="salario" placeholder="Salario" /></li>
	</ul>

	<h2>Cargo:</h2>
	<ul>
	<li><fieldset><select name="cargo" class="normalText">
		<option>Seleccione una opci&oacute;n... </option>
		<option value="Cargo 1">Administrador</option>
		<option value="Cargo 2">Usuario</option>
		</select></fieldset></li>
	</ul>
	
	<h2>Edad:</h2>
	<ul>
	<li><fieldset><select name="edad" class="normalText">
		<option>Seleccione una opci&oacute;n... </option>
		<option value="18">18-22</option>
		<option value="19">23-27</option>
		<option value="20">28-32</option>
		<option value="18">33-37</option>
		<option value="19">38-42</option>
		<option value="20">43-47</option>
		<option value="18">48-50</option>
		<option value="19">Mayor de 50</option>
	</select></fieldset></li>
	</ul>

	<h2>Sexo:</h2>
	<ul>
	<li><fieldset><select name="sexo" class="normalText">
		<option>Seleccione una opci&oacute;n... </option>
		<option value="M">Femenino</option>
		<option value="H">Masculino</option>
	</select></fieldset></li>
	</ul>

		<h2>Direcci&oacute;n:</h2>
	<ul>
		<li><fieldset><textarea name="direccion" rows="5" class="normalText">Direcci&oacute;n</textarea></fieldset></li>
	</ul>
	
	<h2>Puesto:</h2>
	<ul>
	<li><fieldset><select name="puesto" class="normalText">
		<option>Seleccione una opci&oacute;n... </option>
		<option value="Puesto 1">Recursos Humanos</option>
		<option value="Puesto 2">Gerencia</option>
		<option value="Puesto 3">Administrativo</option>
		<option value="Puesto 4">Servicio al Cliente</option>
	</select></fieldset></li>
	</ul>
	
	<form id="form9" name="form9" method="post" action=""> 
     <center><input type="submit" name="button" id="button" value="Enviar"/></center>
    </form>
	<fieldset>
	<form action="registro.html">
     <form id="form9" name="form9" method="post" action=""> 
     <input type="submit" name="button" id="button" value="Ver Registros"/>
	 </form>
</div>
</body>
</html>
